
  <div class="left-side-menu">

                <div class="slimscroll-menu" id="left-side-menu-container">

                    <!-- LOGO -->
                    <a href="index.html" class="logo text-center">
                        <span class="logo-lg">
                            <img src="assets/images/logo.png" alt="" height="16">
                        </span>
                        <span class="logo-sm">
                            <img src="assets/images/logo_sm.png" alt="" height="16">
                        </span>
                    </a>

                    <!--- Sidemenu -->
                    <ul class="metismenu side-nav">
<li class="side-nav-item">
                            <a href="/index/index" class="side-nav-link">
                                <i class="dripicons-meter"></i>
                                <!--<span class="badge badge-success float-right">3</span>-->
                                <span> 首页 </span>
                            </a>
                         
                        </li>
                        <!--<li class="side-nav-title side-nav-item">导航</li>-->
    <li class="side-nav-item">
                            <a href="/" class="side-nav-link">
                                <i class="dripicons-heart"></i>
                                <span class="badge badge-light float-right">热门</span>
                                <span> 网站搭建 </span>
                            </a>
                        </li>
                        <!--<li class="side-nav-item">-->
                        <!--    <a href="javascript: void(0);" class="side-nav-link">-->
                        <!--        <i class="dripicons-meter"></i>-->
                        <!--        <span class="badge badge-success float-right">3</span>-->
                        <!--        <span> 短网址 </span>-->
                        <!--    </a>-->
                        <!--    <ul class="side-nav-second-level" aria-expanded="false">-->
                        <!--        <li>-->
                        <!--            <a href="index.html">短网址生成</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="dashboard-crm.html">我的短网址</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="dashboard-projects.html">短网址设置</a>-->
                        <!--        </li>-->
                        <!--    </ul>-->
                        <!--</li>-->

                        <!--<li class="side-nav-item">-->
                            <a href="{:url('/index/course/index')}" class="side-nav-link">
                                <i class="dripicons-browser"></i>
                                <span> 搭建教程 </span>
                               
                            </a>
                              <a href="{:url('/index/navigation')}" class="side-nav-link">
                                <i class="dripicons-browser"></i>
                                <span> 网址导航 </span>
                               
                            </a>
                              <a href="{:url('/index/api/index')}" class="side-nav-link">
                                <i class="dripicons-mdi mdi-yahoo"></i>
                                <span> api大全 </span>
                               
                            </a>
                              <a href="{:url('/index/xgj/index')}" class="side-nav-link">
                                <i class="dripicons-mdi mdi-yahoo"></i>
                                <span> 小工具 </span>
                               
                            </a>
                            <!--  <a href="{:url('/index/domain/index')}" class="side-nav-link">-->
                            <!--    <i class="dripicons-view-apps"></i>-->
                            <!--    <span> 域名租用 </span>-->
                               
                            <!--</a>-->
                        <!--    <ul class="side-nav-second-level" aria-expanded="false">-->
                        <!--        <li>-->
                        <!--            <a href="apps-calendar.html">搭建教程</a>-->
                        <!--        </li>-->
                        <!--        <li class="side-nav-item">-->
                        <!--            <a href="javascript: void(0);" aria-expanded="false">学习视频-->
                        <!--                <span class="menu-arrow"></span>-->
                        <!--            </a>-->
                                    <!--<ul class="side-nav-third-level" aria-expanded="false">-->
                                    <!--    <li>-->
                                    <!--        <a href="apps-projects-list.html">学习笔记</a>-->
                                    <!--    </li>-->
                                    <!--    <li>-->
                                    <!--        <a href="apps-projects-details.html">Details</a>-->
                                    <!--    </li>-->
                                    <!--</ul>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="apps-tasks.html">学习笔记</a>-->
                        <!--        </li>-->
                                <!--<li class="side-nav-item">-->
                                <!--    <a href="javascript: void(0);" aria-expanded="false">eCommerce-->
                                <!--        <span class="menu-arrow"></span>-->
                                <!--    </a>-->
                                <!--    <ul class="side-nav-third-level" aria-expanded="false">-->
                                <!--        <li>-->
                                <!--            <a href="apps-ecommerce-products.html">Products</a>-->
                                <!--        </li>-->
                                <!--        <li>-->
                                <!--            <a href="apps-ecommerce-products-details.html">Products Details</a>-->
                                <!--        </li>-->
                                <!--        <li>-->
                                <!--            <a href="apps-ecommerce-orders.html">Orders</a>-->
                                <!--        </li>-->
                                <!--        <li>-->
                                <!--            <a href="apps-ecommerce-orders-details.html">Order Details</a>-->
                                <!--        </li>-->
                                <!--        <li>-->
                                <!--            <a href="apps-ecommerce-customers.html">Customers</a>-->
                                <!--        </li>-->
                                <!--        <li>-->
                                <!--            <a href="apps-ecommerce-shopping-cart.html">Shopping Cart</a>-->
                                <!--        </li>-->
                                <!--        <li>-->
                                <!--            <a href="apps-ecommerce-checkout.html">Checkout</a>-->
                                <!--        </li>-->
                                <!--        <li>-->
                                <!--            <a href="apps-ecommerce-sellers.html">Sellers</a>-->
                                <!--        </li>-->
                                <!--    </ul>-->
                                <!--</li>-->
                        <!--    </ul>-->
                        <!--</li>-->
            
                        <!--<li class="side-nav-item">-->
                        <!--    <a href="javascript: void(0);" class="side-nav-link">-->
                        <!--        <i class="dripicons-copy"></i>-->
                        <!--        <span> 下载中心 </span>-->
                        <!--        <span class="menu-arrow"></span>-->
                        <!--    </a>-->
                        <!--    <ul class="side-nav-second-level" aria-expanded="false">-->
                        <!--        <li>-->
                        <!--            <a href="pages-starter.html">软件下载</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="pages-profile.html">app下载</a>-->
                        <!--        </li>-->
                              
                         
                            
                        <!--    </ul>-->
                        <!--</li>-->

                        <!--<li class="side-nav-item">-->
                        <!--    <a href="javascript: void(0);" class="side-nav-link">-->
                        <!--        <i class="dripicons-browser"></i>-->
                        <!--        <span> 授权中心 </span>-->
                        <!--        <span class="menu-arrow"></span>-->
                        <!--    </a>-->
                        <!--    <ul class="side-nav-second-level" aria-expanded="false">-->
                        <!--        <li>-->
                        <!--            <a href="layouts-horizontal.html">授权查询</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="layouts-light-sidenav.html">网站授权</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="layouts-collapsed.html">代理中心</a>-->
                        <!--        </li>-->
                             
                        <!--    </ul>-->
                        <!--</li>-->


                        <!--<li class="side-nav-item">-->
                        <!--    <a href="javascript: void(0);" class="side-nav-link">-->
                        <!--        <i class="dripicons-briefcase"></i>-->
                        <!--        <span>网址导航 </span>-->
                              
                        <!--    </a>-->
                        
                        <!--</li>-->

                        <!--<li class="side-nav-item">-->
                        <!--    <a href="widgets.html" class="side-nav-link">-->
                        <!--        <i class="dripicons-heart"></i>-->
                        <!--        <span class="badge badge-light float-right">New</span>-->
                        <!--        <span> Widgets </span>-->
                        <!--    </a>-->
                        <!--</li>-->

                        <!--<li class="side-nav-item">-->
                        <!--    <a href="javascript: void(0);" class="side-nav-link">-->
                        <!--        <i class="dripicons-document"></i>-->
                        <!--        <span> Forms </span>-->
                        <!--        <span class="menu-arrow"></span>-->
                        <!--    </a>-->
                        <!--    <ul class="side-nav-second-level" aria-expanded="false">-->
                        <!--        <li>-->
                        <!--            <a href="form-elements.html">Basic Elements</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="form-advanced.html">Form Advanced</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="form-validation.html">Validation</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="form-wizard.html">Wizard</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="form-fileuploads.html">File Uploads</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="form-editors.html">Editors</a>-->
                        <!--        </li>-->
                        <!--    </ul>-->
                        <!--</li>-->

                        <!--<li class="side-nav-item">-->
                        <!--    <a href="javascript: void(0);" class="side-nav-link">-->
                        <!--        <i class="dripicons-graph-pie"></i>-->
                        <!--        <span> Charts </span>-->
                        <!--        <span class="menu-arrow"></span>-->
                        <!--    </a>-->
                        <!--    <ul class="side-nav-second-level" aria-expanded="false">-->
                        <!--        <li>-->
                        <!--            <a href="charts-chartjs.html">Chartjs</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="charts-brite.html">Britecharts</a>-->
                        <!--        </li>-->
                        <!--        <li class="side-nav-item">-->
                        <!--            <a href="javascript: void(0);" aria-expanded="false">Apex Charts-->
                        <!--                <span class="menu-arrow"></span>-->
                        <!--            </a>-->
                        <!--            <ul class="side-nav-third-level" aria-expanded="false">-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-line.html">Line</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-area.html">Area</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-column.html">Column</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-bar.html">Bar</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-mixed.html">Mixed</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-bubble.html">Bubble</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-scatter.html">Scatter</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-pie.html">Pie</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-radialbar.html">RadialBar</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-heatmap.html">Heatmap</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-sparklines.html">Sparklines</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-candlestick.html">Candlestick</a>-->
                        <!--                </li>-->
                        <!--                <li>-->
                        <!--                    <a href="charts-apex-radar.html">Radar</a>-->
                        <!--                </li>-->
                        <!--            </ul>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="charts-sparkline.html">Sparklines</a>-->
                        <!--        </li>-->
                        <!--    </ul>-->
                        <!--</li>-->

                        <!--<li class="side-nav-item">-->
                        <!--    <a href="javascript: void(0);" class="side-nav-link">-->
                        <!--        <i class="dripicons-list"></i>-->
                        <!--        <span> Tables </span>-->
                        <!--        <span class="menu-arrow"></span>-->
                        <!--    </a>-->
                        <!--    <ul class="side-nav-second-level" aria-expanded="false">-->
                        <!--        <li>-->
                        <!--            <a href="tables-basic.html">Basic Tables</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="tables-datatable.html">Data Tables</a>-->
                        <!--        </li>-->
                        <!--    </ul>-->
                        <!--</li>-->

                        <!--<li class="side-nav-item">-->
                        <!--    <a href="javascript: void(0);" class="side-nav-link">-->
                        <!--        <i class="dripicons-location"></i>-->
                        <!--        <span> Maps </span>-->
                        <!--        <span class="menu-arrow"></span>-->
                        <!--    </a>-->
                        <!--    <ul class="side-nav-second-level" aria-expanded="false">-->
                        <!--        <li>-->
                        <!--            <a href="maps-google.html">Google Maps</a>-->
                        <!--        </li>-->
                        <!--        <li>-->
                        <!--            <a href="maps-vector.html">Vector Maps</a>-->
                        <!--        </li>-->
                        <!--    </ul>-->
                        <!--</li>-->
            
                    </ul>

                    <!-- Help Box -->
                    <div class="help-box text-white text-center">
                        <a href="javascript: void(0);" class="float-right close-btn text-white">
                            <i class="mdi mdi-close"></i>
                        </a>
                        <img src="/public/pic/qrcode_for_gh_ed6f770acbe4_258.jpg" height="90" alt="联系客服" />
                        <h5 class="mt-3">联系客服咨询详情</h5>
                      
                      <p class="mb-3">qq:2404503092</p>
                      <p class="mb-3">微信:aike7809</p>
                
  <!--<input type=button value="复制" class="btn btn-outline-light btn-sm" id="btn" onclick="jsCopy()" >-->
                    </div>
                    <!-- end Help Box -->
                    <!-- End Sidebar -->

                    <div class="clearfix"></div>

                </div>
                <!-- Sidebar -left -->

            </div>

 
  <script type="text/javascript">
 $(".btn").on('click', function() {
    var node = document.getElementById('codeBox');
	window.getSelection().selectAllChildren(node);
	//console.log(document.execCommand("Copy"));
    //document.execCommand()的返回值是一个 Boolean ，如果是 false 则表示操作不被支持或未被启用。
    var copy = document.execCommand("Copy");
	if (copy) {
		document.execCommand("Copy");
		console.log('复制完成')
	} else {
		console.log('由于浏览器版本问题，复制失败，请手动复制~')
	}
})

</script>